<!DOCTYPE html>
<html
    lang="en"
    prefix="og: https://ogp.me/ns#"
>

<head>
    <meta charset="utf-8">
    <title>RxDB - A client side, offline-first, reactive database for JavaScript Applications</title>
    <link
        rel="canonical"
        href="https://rxdb.info/"
    />
    <meta
        name="description"
        content="RxDB (short for Reactive Database) is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and Node.js."
    >
    <meta
        name="theme-color"
        content="#e6008d"
    />
    <meta
        property="og:title"
        content="RxDB - A client side, offline-first, reactive database for JavaScript Applications"
    />
    <meta
        property="og:image"
        content="https://rxdb.info/files/logo/logo_text.png"
    />
    <meta
        name="twitter:site"
        content="@rxdbjs"
    />
    <meta
        name="twitter:image:src"
        content="https://rxdb.info/files/logo/logo_text.png"
    />
    <meta
        name="thumbnail"
        content="https://rxdb.info/files/logo/icon.png"
    />

    <meta
        name="viewport"
        content="width=device-width,initial-scale=1.0"
    />
    <link
        rel="stylesheet"
        href="styles/variables.css"
    />
    <link
        rel="stylesheet"
        href="styles/landingpage.css"
    />
    <link
        rel="icon"
        href="./files/logo/logo.svg"
        sizes="any"
        type="image/svg+xml"
    />
    <link
        rel="apple-touch-icon"
        href="./files/logo/icon.png"
    />
    <script
        src="analytics.js"
        defer
    ></script>
</head>

<body>
    <header>
        <a href="/">
            <div class="logo">
                <img
                    src="./files/logo/logo.svg"
                    alt="RxDB"
                    width="60"
                    height="60"
                />
                <div class="text">RxDB</div>
            </div>
        </a>

        <div
            class="right"
            style="display: flex;"
        >
            <a
                href="/premium.html"
                target="_blank"
                class="text"
                onclick="window.trigger('premium_request', 1)"
            >Pricing</a>
            <a
                href="/quickstart.html"
                target="_blank"
                class="text"
                onclick="window.trigger('goto_docs', 0.20)"
            >Docs</a>
            <a
                href="https://github.com/pubkey/rxdb"
                rel="noopener"
                target="_blank"
                class="text"
                onclick="window.trigger('goto_code', 0.20)"
            >Code</a>
            <a
                href="https://discord.gg/tqt9ZttJfD"
                rel="noopener"
                target="_blank"
                class="text"
                onclick="window.trigger('join_chat', 0.20)"
            >Chat</a>
            <a
                href="https://github.com/pubkey/rxdb"
                rel="noopener"
                target="_blank"
                onclick="window.trigger('goto_code', 0.20)"
            >
                <div class="star-at-github bg-gradient-right-bottom">
                    <div class="star-at-github-inner">
                        <img src="./files/icons/github-star.svg" />
                        <div class="star-at-github-text">at GitHub</div>
                    </div>
                </div>
            </a>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </header>

    <div class="header-space"></div>


    <div class="block first centered">
        <div class="content inner">
            <div class="half">
                <h2>
                    The perfect <b class="underline">Database</b> for <b class="underline">JavaScript</b>
                    applications
                </h2>
                <ul class="checked">
                    <li>Realtime Queries</li>
                    <li>Realtime Replication</li>
                    <li>Works Offline</li>
                    <li>Supports all major JavaScript runtimes</li>
                    <li>Great Performance</li>
                    <li>Easy to learn</li>
                </ul>
                <!-- 
                    <div class="text">
                        The
                        </br />
                        <b id="swap-out-first">JavaScript</b>
                        </br />
                        Database
                        </br />
                        <b id="swap-out-second">you deserve</b>
                    </div>
                -->
            </div>
            <div
                class="half"
                style="text-align: center;"
            >
                <img
                    src="./files/logo/logo_text.svg"
                    class="tilt-to-mouse"
                    id="heartbeat-logo"
                    alt="RxDB"
                />
            </div>
        </div>
    </div>

    <div class="block second dark">
        <div class="content">
            <h2>Realtime applications <b class="underline">made easy</b></h2>
            <p>
                From the results of a query, to a single field of a document, with RxDB you can <b>observe
                    everything</b>.
                This enables you to build realtime applications <b>fast</b> and <b>reliable</b>. Whenever your data
                changes, your UI
                reflects the new state.
            </p>
            <div class="inner">


                <!-- 
                Use https://www.programiz.com/html/online-compiler/
                to craft html from code. (inspect the element)
            -->
                <div class="code half">
                    <fieldset
                        class="samp-wrapper"
                        style="background-color: var(--bg-color);"
                    >
                        <legend>Write</legend>
                        <samp>
                            <span class="cm-keyword">await</span>
                            <span class="cm-variable">collection</span>.<span class="cm-method">upsert</span>({<br />
                            <span class="cm-property">&nbsp; id</span>:
                            <span class="cm-string">'foobar'</span>,<br />
                            <span class="cm-property">&nbsp; color</span>:
                            <span class="cm-string">'<span
                                    class="beating-color-string beating-color">#e6008d</span>'</span><br />
                            });
                        </samp>
                    </fieldset>
                    <br />
                    <br />
                    <fieldset
                        class="samp-wrapper"
                        style="background-color: var(--bg-color);"
                    >
                        <legend>Observe</legend>
                        <samp style="background-color: var(--bg-color);">
                            <span class="cm-keyword">await</span>
                            <span class="cm-variable">collection</span>.<span class="cm-method">findOne(<span
                                    class="cm-string"
                                >'foobar'</span>)</span><br />
                            &nbsp;.<span class="cm-property">$</span><span class="cm-comment"> // get
                                observable</span><br />
                            &nbsp;.<span class="cm-method">subscribe</span>(<span class="cm-def">d</span>
                            <span class="cm-operator">=&gt;</span> {<br />
                            <span class="cm-variable">&nbsp;&nbsp; screen</span>.<span
                                class="cm-property">backgroundColor</span>
                            <span class="cm-operator">=</span>
                            <span class="cm-variable">d</span>.<span
                                class="cm-property beating-color">color</span>;<br />
                            &nbsp;});
                        </samp>
                    </fieldset>
                </div>

                <div class="half">
                    <div class="content-canvas">
                        <div
                            class="device tablet"
                            style="margin-left: 481px; margin-top: 117px;"
                        >
                            <div class="beating-color">
                                <img
                                    src="./files/logo/logo.svg"
                                    class="beating logo"
                                    alt="RxDB"
                                />
                            </div>
                        </div>

                        <div
                            class="device desktop"
                            style="margin-top: 0%;"
                        >
                            <div class="beating-color">
                                <img
                                    src="./files/logo/logo.svg"
                                    class="beating logo"
                                    alt="RxDB"
                                />
                            </div>
                        </div>

                        <div
                            class="device server"
                            style="margin-left: 0px; margin-top: 168px;"
                        >
                            <div class="beating-color one">
                            </div>
                            <div class="beating-color two">
                            </div>
                            <div class="beating-color three">
                            </div>
                        </div>

                        <!-- <div class="left third centered">
                        <img
                            src="./files/logo/logo.svg"
                            class="beating logo"
                            alt="RxDB"
                        />
                    </div>
                    <div
                        class="third centered left"
                        style="padding-left: 0px;"
                    >
                        <img
                            src="./files/icons/arrows/left-arrow.svg"
                            alt="left"
                            class="beating-first arrow"
                        />
                        <img
                            src="./files/icons/arrows/right-arrow.svg"
                            alt="right"
                            class="beating-second arrow arrow-right"
                        />
                    </div>
                    <div class="right third centered">
                        <div class="smartphone">
                            <div class="smartphone-color beating-color"></div>
                        </div>
                    </div> -->
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="block replication">
        <div class="content">
            <div class="half left">
                <br />
                <br />
                <br />
                <br />
                <br />
                <h2>Replicate <b>with your existing infrastructure</b></h2>
                <p>
                    RxDB supports replication with a <a
                        href="/replication-couchdb.html"
                        target="_blank"
                    >CouchDB</a> server or any
                    custom <a
                        href="/replication-graphql.html"
                        target="_blank"
                    >GraphQL</a>
                    endpoint which smoothly integrates with your existing infrastructure.
                    Also you can use the replication primitives plugin to create custom replications over any protocol
                    like <b>REST</b>,
                    <a
                        href="/replication-websocket.html"
                        target="_blank"
                    >Websocket</a>, <a
                        href="/replication-p2p.html"
                        target="_blank"
                    >p2p</a> or <a
                        href="/replication-firestore.html"
                        target="_blank"
                    >Firestore</a>.
                </p>
            </div>

            <div class="half right">
                <div class="replication-icons">
                    <img
                        src="./files/logo/logo.svg"
                        alt="RxDB"
                        class="replicate-logo tilt-to-mouse"
                    />
                    <a
                        href="/replication-graphql.html"
                        target="_blank"
                    >
                        <div class="neumorphism-circle-xl centered replicate-graphql enlarge-on-mouse">
                            <img
                                src="./files/icons/graphql-text.svg"
                                alt="GraphQL"
                                class="protocol"
                            />
                        </div>
                    </a>
                    <a
                        href="/replication-couchdb.html"
                        target="_blank"
                    >
                        <div class="neumorphism-circle-xl centered replicate-couchdb enlarge-on-mouse">
                            <img
                                src="./files/icons/couchdb-text.svg"
                                alt="CouchDB"
                                class="protocol"
                            />
                        </div>
                    </a>
                    <div class="neumorphism-circle-xs centered replicate-rest enlarge-on-mouse">
                        { REST }
                    </div>
                    <a
                        href="/replication-websocket.html"
                        target="_blank"
                    >
                        <div class="neumorphism-circle-xs centered replicate-websocket enlarge-on-mouse">
                            websocket
                        </div>
                    </a>
                    <a
                        href="/replication-p2p.html"
                        target="_blank"
                    >
                        <div class="neumorphism-circle-xs centered replicate-p2p enlarge-on-mouse">
                            p2p
                        </div>
                    </a>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>

    <div class="block offline-first dark">
        <div class="offline-image-wrapper">
            <img
                src="files/icons/wifi/wifi_1a202c.svg"
                class="offline-image beating"
                alt="offline"
            />
        </div>
        <div class="content">
            <h2>Online <b class="underline">is optional</b></h2>
            <div class="full-width">
                <div class="half left">
                    <p>
                        RxDB follows the <a
                            href="/offline-first.html"
                            target="_blank"
                        >Offline First</a> paradigm where an application must work as well offline as it does online.
                        This is done by persisting data on the client side and replicating it in the
                        background.
                        RxDB can even be used solely on the client side, with no backend at all.
                    </p>
                </div>
                <div class="half right">
                    <ul class="checked">
                        <li>Your application still <b>works offline</b></li>
                        <li>Increases <b>perceived performance</b></li>
                        <li>Easier and <b>faster implementation</b></li>
                        <li>Needs less backend resources and <b>scales better</b></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <div class="block frameworks">
        <div class="content">
            <a
                href="https://github.com/pubkey/rxdb/tree/master/examples/angular"
                target="_blank"
            >
                <div
                    class="neumorphism-circle-m circle centered enlarge-on-mouse"
                    style="top: -10%; left: 10%;"
                >
                    <img
                        src="./files/icons/angular.svg"
                        alt="angular"
                    />
                    Angular
                </div>
            </a>
            <div
                class="neumorphism-circle-m circle centered enlarge-on-mouse"
                style="top: 10%; left: 58%;"
            >
                <img
                    src="./files/icons/capacitor.svg"
                    alt="capacitor"
                />
                Capacitor
            </div>
            <div
                class="neumorphism-circle-s circle centered enlarge-on-mouse"
                style="top: -4%; left: 44%;"
            >
                <img
                    src="./files/icons/cordova.svg"
                    alt="cordova"
                />
                Cordova
            </div>
            <a
                href="https://github.com/pubkey/rxdb/tree/master/examples/node"
                target="_blank"
            >
                <div
                    class="neumorphism-circle-m circle centered enlarge-on-mouse"
                    style="top: -5%; left: 85%;"
                >
                    <img
                        src="./files/icons/nodejs.svg"
                        alt="Node.js"
                    />
                    Node.js
                </div>
            </a>
            <a
                href="https://github.com/pubkey/rxdb/tree/master/examples/react"
                target="_blank"
            >
                <div
                    class="neumorphism-circle-m circle centered enlarge-on-mouse"
                    style="top: 4%; left: 26%;"
                >
                    <img
                        src="./files/icons/react.svg"
                        alt="React"
                    />
                    React
                </div>
            </a>
            <div
                class="neumorphism-circle-s circle centered enlarge-on-mouse"
                style="top: 15%; left: 90%; margin-left: -35px;"
            >
                <img
                    src="./files/icons/svelte.svg"
                    alt="Svelte"
                />
                Svelte
            </div>
            <br />
            <br />
            <br />
            <br />
            <br />
            <h2>Flexible <b class="underline">storage layer</b></h2>
            <p>
                RxDB is based on a storage interface that enables you to swap out the underlying storage engine.
                This increases code reuse because the same database code can be used in <b>any JavaScript runtime</b>
                by just switching out the storage settings.</br>
            </p>
            <div class="below-text">
                <a
                    href="https://github.com/pubkey/rxdb/tree/master/examples/electron"
                    target="_blank"
                >
                    <div
                        class="neumorphism-circle-s circle centered enlarge-on-mouse"
                        style="top: 2%; left: 18%;"
                    >
                        <img
                            src="./files/icons/electron.svg"
                            alt="electron"
                        />
                        Electron
                    </div>
                </a>
                <a
                    href="https://github.com/pubkey/rxdb/tree/master/examples/vue"
                    target="_blank"
                >
                    <div
                        class="neumorphism-circle-s circle centered enlarge-on-mouse"
                        style="top: 3%; left: 45%;"
                    >
                        <img
                            src="./files/icons/vuejs.svg"
                            alt="Vue.js"
                        />
                        Vue.js
                    </div>
                </a>
                <a
                    href="https://github.com/pubkey/rxdb/tree/master/examples/ionic2"
                    target="_blank"
                >
                    <div
                        class="neumorphism-circle-s circle centered enlarge-on-mouse"
                        style="top: 2%; left: 71%;"
                    >
                        <img
                            src="./files/icons/ionic.svg"
                            alt="ionic"
                        />
                        Ionic
                    </div>
                </a>
                <div
                    class="neumorphism-circle-m circle centered enlarge-on-mouse"
                    style="top: 46%; left: 11%;"
                >
                    <img
                        src="./files/icons/nativescript.svg"
                        alt="NativeScript"
                    />
                    NativeScript
                </div>
                <a
                    href="https://github.com/pubkey/rxdb/tree/master/examples/react-native"
                    target="_blank"
                >
                    <div
                        class="neumorphism-circle-m circle centered enlarge-on-mouse"
                        style="top: 45%; left: 35%;"
                    >
                        <img
                            src="./files/icons/react.svg"
                            alt="React Native"
                        />
                        React Native
                    </div>
                </a>
                <div
                    class="neumorphism-circle-m circle centered enlarge-on-mouse"
                    style="top: 45%; left: 62%;"
                >
                    <img
                        src="./files/icons/nextjs.svg"
                        alt="Next.js"
                    />
                    Next.js
                </div>
                <a
                    href="https://github.com/pubkey/rxdb/tree/master/examples/flutter"
                    target="_blank"
                >
                    <div
                        class="neumorphism-circle-s circle centered enlarge-on-mouse"
                        style="top: 40%; left: 86%;"
                    >
                        <img
                            src="./files/icons/flutter.svg"
                            alt="Flutter"
                        />
                        Flutter
                    </div>
                </a>

            </div>
        </div>
    </div>

    <div class="block fifth dark">
        <div class="content centered">
            <div class="inner">
                <h2>Trusted and <b class="underline">open source</b></h2>
                <div class="box dark">
                    <img
                        src="files/icons/github-star.svg"
                        alt="github star"
                    />
                    <div class="label">
                        Github Stars
                    </div>
                    <a
                        class="value"
                        href="https://github.com/pubkey/rxdb"
                        rel="noopener"
                        target="_blank"
                    >
                        18165
                    </a>
                    <div class="clear"></div>
                </div>
                <div class="box dark">
                    <img
                        src="files/icons/download.svg"
                        alt="npm downloads"
                    />
                    <div class="label">
                        npm downloads
                    </div>
                    <a
                        class="value beating-number"
                        href="https://www.npmjs.com/package/rxdb"
                        rel="noopener"
                        target="_blank"
                    >238572</a>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
                <div class="box dark">
                    <img
                        src="files/icons/person.svg"
                        alt="contributor"
                    />
                    <div class="label">
                        Contributors
                    </div>
                    <a
                        class="value"
                        href="https://github.com/pubkey/rxdb/graphs/contributors"
                        rel="noopener"
                        target="_blank"
                    >
                        133
                    </a>
                    <div class="clear"></div>
                </div>
                <div class="box dark">
                    <img
                        src="files/icons/commit.svg"
                        alt="commit"
                    />
                    <div class="label">
                        Commits
                    </div>
                    <a
                        class="value"
                        href="https://github.com/pubkey/rxdb/commits/master"
                        rel="noopener"
                        target="_blank"
                    >
                        6891
                    </a>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
                <div class="box dark">
                    <img
                        src="files/icons/gear.svg"
                        alt="gear"
                    />
                    <div class="label">
                        Projects build with RxDB
                    </div>
                    <a
                        class="value"
                        href="https://github.com/pubkey/rxdb/network/dependents?package_id=UGFja2FnZS0xODM0NzAyMw%3D%3D"
                        rel="noopener"
                        target="_blank"
                    >
                        825
                    </a>
                    <div class="clear"></div>
                </div>
                <div class="box dark">
                    <img
                        src="files/icons/twitter.svg"
                        alt="twitter"
                    />
                    <div class="label">
                        Twitter followers
                    </div>
                    <a
                        class="value"
                        href="https://twitter.com/intent/user?screen_name=rxdbjs"
                        rel="noopener"
                        target="_blank"
                    >
                        2762
                    </a>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>

    <div class="block sixth">
        <div class="content">
            <h2>Pricing Models</h2>
            <div class="inner">

                <div class="buy-options">
                    <div class="buy-option bg-gradient-left-top">
                        <div class="buy-option-inner">
                            <div class="buy-option-title">
                                <h2>RxDB Basics</h2>
                                <div class="price">Free & Open Source</div>
                            </div>
                            <div class="buy-option-features">
                                <ul>
                                    <li>Basic RxStorages</li>
                                    <li>Realtime Replication</li>
                                    <li>Live Queries</li>
                                    <li>Schema Validation</li>
                                    <li>Multi-Tab Support</li>
                                    <li>Encryption</li>
                                    <li>Compression</li>
                                </ul>
                            </div>
                            <a
                                href="https://github.com/pubkey/rxdb"
                                target="_blank"
                                rel="noopener"
                                onclick="window.trigger('goto_code', 0.15)"
                            >
                                <div class="buy-option-action bg-top hover-shadow-top">
                                    Get the Code
                                </div>
                            </a>
                        </div>
                    </div>

                    <div class="buy-option bg-gradient-right-top">
                        <div class="buy-option-inner">
                            <div class="buy-option-title">
                                <h2>Premium Plugins</h2>
                                <div class="price">for professionals to get the most out of RxDB</div>
                            </div>
                            <div class="buy-option-features">
                                <ul>
                                    <li>
                                        <a
                                            href="https://rxdb.info/rx-storage-sqlite.html"
                                            target="_blank"
                                        >SQLite RxStorage</a>
                                    </li>
                                    <li>
                                        <a
                                            href="https://rxdb.info/rx-storage-indexeddb.html"
                                            target="_blank"
                                        >IndexedDB RxStorage</a>
                                    </li>
                                    <li>
                                        <a
                                            href="https://rxdb.info/rx-storage-memory-synced.html"
                                            target="_blank"
                                        >Memory-Synced RxStorage</a>
                                    </li>
                                    <li>
                                        <a
                                            href="https://rxdb.info/rx-storage-sharding.html"
                                            target="_blank"
                                        >Sharding Plugin</a>
                                    </li>
                                    <li>
                                        <a
                                            href="https://rxdb.info/query-optimizer.html"
                                            target="_blank"
                                        >Query Optimizer</a>
                                    </li>
                                    <li>
                                        <a
                                            href="https://rxdb.info/storage-migration.html"
                                            target="_blank"
                                        >Storage Migrator</a>
                                    </li>
                                    <li>
                                        <a
                                            href="https://rxdb.info/rx-storage-localstorage-meta-optimizer.html"
                                            target="_blank"
                                        >RxStorage Localstorage Meta Optimizer</a>
                                    </li>
                                    <li>
                                        <a
                                            href="https://rxdb.info/rx-storage-shared-worker.html"
                                            target="_blank"
                                        >Shared Worker</a>
                                    </li>
                                    <li>
                                        <a
                                            href="https://rxdb.info/rx-storage-worker.html"
                                            target="_blank"
                                        >Worker</a>
                                    </li>
                                </ul>
                            </div>
                            <a
                                href="/premium.html"
                                onclick="window.trigger('premium_request', 1)"
                            >
                                <div class="buy-option-action bg-middle hover-shadow-middle">
                                    Request Premium
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="buy-option bg-gradient-left-top">
                        <div class="buy-option-inner">
                            <div class="buy-option-title">
                                <h2>Consulting Session</h2>
                                <div class="price">fast in person consulting</div>
                            </div>
                            <div class="buy-option-features">
                                <p>
                                    Book a one hour consulting session with the RxDB maintainer.
                                    I will answer all your questions, give proposals for your use case and we
                                    can even do a pair programming session if you have a specific problem in your
                                    source code.
                                    <br />
                                    You can book this by doing a one-time donation via github sponsors.
                                </p>
                            </div>
                            <a
                                href="https://github.com/sponsors/pubkey?frequency=one-time&sponsor=pubkey"
                                target="_blank"
                                onclick="window.trigger('consulting_session_request', 1.5)"
                            >
                                <div class="buy-option-action bg-bottom hover-shadow-bottom">
                                    Book Now
                                </div>
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="block last dark">
        <div class="content">

            <h2>
                Start using <b class="underline">RxDB</b> today
            </h2>

            <div class="buttons full-width">
                <a
                    href="/quickstart.html"
                    rel="noopener"
                    target="_blank"
                    onclick="window.trigger('start_now', 0.2)"
                >
                    <div
                        class="button get-premium"
                        style="left: 50%; top: 20%; margin-left: -122px;"
                    >
                        Start now
                    </div>
                </a>
                <a
                    href="http://eepurl.com/imD7WA"
                    rel="noopener"
                    target="_blank"
                    onclick="window.trigger('get_newsletter', 0.20)"
                >
                    <div
                        class="button"
                        style="left: 25%; margin-left: -90px;"
                    >
                        Get the Newsletter
                    </div>
                </a>
                <a
                    href="https://discord.gg/tqt9ZttJfD"
                    rel="noopener"
                    target="_blank"
                    onclick="window.trigger('join_chat', 0.20)"
                >
                    <div
                        class="button"
                        style="left: 77%; top: 6%; margin-left: -70.5px;"
                    >

                        Join the Chat
                    </div>
                </a>
                <a
                    href="/premium.html"
                    onclick="window.trigger('premium_request', 1)"
                >
                    <div
                        class="button"
                        style="top: 40%; left: 20%; margin-left: -70.5px;"
                    >
                        Get Premium
                    </div>
                </a>
                <a
                    href="https://twitter.com/intent/user?screen_name=rxdbjs"
                    rel="noopener"
                    target="_blank"
                    onclick="window.trigger('follow_twitter', 0.20)"
                >
                    <div
                        class="button"
                        style="top: 44%; left: 73%; margin-left: -85px;"
                    >
                        Follow on Twitter
                    </div>
                </a>
                <a
                    href="https://github.com/pubkey/rxdb"
                    rel="noopener"
                    target="_blank"
                    onclick="window.trigger('goto_code', 0.15)"
                >
                    <div
                        class="button"
                        style="top: 54%; left: 32%; margin-left: -70px;"
                    >
                        Get the Code
                    </div>
                </a>
            </div>
        </div>
    </div>

    <script
        src="landingpage.js"
        defer
    ></script>
    <div class="clear"></div>

    <footer>
        <a
            href="./imprint.html"
            target="_blank"
        >Imprint</a>
    </footer>
</body>

</html>
